.editable-label {
    display: flex;

    &.is-hidden {
        display: none;
    }
}

.editable-label-input {
    border: 0;
    height: 30px;
    padding: 5px;
    margin: 0;
    width: 100%;
    background-color: $color-white;
}

.editable-label-close {
    background-color: $color-white;
    cursor: pointer;
    padding: 3px 5px;

    & svg {
        fill: $color-gray-30;
        height: 15px;
        transform: rotate(45deg) translateY(7px);
        width: 15px;
        margin: 0;
    }
}
